03
EDUCATION · CAMPUS MOBILE APP

Campus Navigator

Every classroom, every contact, every corner — all in one app.

Role
UI/UX Designer
Timeline
4 Weeks
Tools
Figma · FigJam
Team
Solo · 2 Devs
An app that replaces five WhatsApp groups, three notice boards, and that one senior everyone asks for directions.
CAMPUS NAVIGATOR · CASE STUDY
01 / THE PROBLEM

Why students get lost on campus.

New students spend 15–20 minutes wandering looking for classrooms, labs, and offices on their first day. There are no consistent signages, building layouts are confusing, and room numbering follows no logic — "Room 204" might be on the first floor of the CS block or the third floor of the main building.

Beyond navigation, critical campus information — faculty contacts, timetables, event schedules, emergency numbers — is scattered across notice boards, PDFs, WhatsApp groups, and word-of-mouth. There is no single source of truth. And when something goes wrong, students don't know who to call or where to go.

🧭

Lost on Campus

New students wander 15–20 minutes looking for rooms. No indoor maps, no building layouts, no consistent signage. First day feels like a maze.

📡

No Central Info Source

Faculty contacts, timetables, and event info are scattered across notice boards, PDFs, and 5+ WhatsApp groups. Nothing is searchable or updated.

🚨

Emergency Confusion

Students don't know emergency contacts, first-aid locations, or security numbers. During incidents, panic replaces information. No quick-dial system exists.

📦

Lost & Found Chaos

No centralized lost-and-found. Students post in WhatsApp groups hoping someone found their earphones, ID card, or notebook. Most items are never recovered.

02 / THE RESEARCH

Understanding the student experience.

I conducted 15 user interviews with first-year and senior students, ran a survey with 70 respondents across two campuses, and analyzed three alternatives — Google Maps, the college's official portal website, and informal WhatsApp groups — to understand how students currently navigate campus life.

"I was 20 minutes late to my first lecture because I couldn't find Room 204 in the CS block. There were no signs anywhere."

— Aisha, 19, First Year CS Student

"Every semester I have to figure out a new timetable, new classrooms, new faculty. Why isn't there one app for all of this?"

— Vikram, 21, Third Year Student

"When my phone was stolen on campus, I had no idea who to contact. I emailed 3 different departments before someone helped me."

— Sneha, 20, Second Year Student

"I lost my earphones in the library. I had to post in 4 different WhatsApp groups hoping someone found them. Never did."

— Karan, 22, Final Year Student

Survey Results (n=70)

Struggled finding classrooms in first week82%
Want a campus navigation app76%
Don't know emergency contacts68%
Have lost something on campus71%

Competitor Analysis

Parameter Google Maps College Portal Website WhatsApp Groups
Indoor Navigation No indoor maps — outdoor only No navigation at all Students describe directions in text
Faculty Directory No faculty info Basic staff list, often outdated Seniors share contacts informally
Timetable & Attendance No academic features Static PDF timetable, no attendance Students share screenshots manually
Events & Notices No campus events Events page, rarely updated Info buried in chat, no search
Emergency Contacts Shows hospitals nearby Buried in a 20-page PDF No centralized emergency info
Lost & Found No lost-and-found feature No lost-and-found feature Posts lost in chat history, no tracking
Key Insight No solution combines indoor navigation, faculty directory, timetables, emergency contacts, and lost-and-found in one app. Students juggle 5+ tools — the gap is a unified campus companion.
03 / PERSONAS & JOURNEY

Who am I designing for?

Based on the research, I identified two primary personas — the first-year student who needs indoor navigation and timetable info, and the senior student who needs events, faculty directory, and lost-and-found.

A
Aisha Khan
19 · First Year CS Student · Pune
"I just want to open my phone, see where my classroom is, and get there before the professor."
Goals: Find classrooms quickly, view daily timetable, know faculty contacts

Pain Points: Gets lost on campus, no signage, info scattered across WhatsApp groups

Tech Comfort: High — lives on phone, expects app-quality UX
V
Vikram Patil
21 · Third Year Student · Mumbai
"I don't need directions anymore. But I do need event dates, faculty contacts, and a way to find my lost ID card."
Goals: Track events, contact faculty directly, report lost items

Pain Points: Events info buried in WhatsApp, no faculty directory, no lost-and-found system

Tech Comfort: Medium — uses essentials, doesn't want app overload

Empathy Map — Aisha (First Year)

Says

  • "Where is Room 204?"
  • "Who teaches Data Structures?"
  • "What time is my next class?"
  • "I lost my ID card somewhere"

Thinks

  • There should be a map for this
  • Why is info so scattered?
  • I wish I could just search
  • Seniors know everything — why can't an app?

Does

  • Wanders campus looking for rooms
  • Asks seniors for directions
  • Checks 3 WhatsApp groups for timetable
  • Posts "found earphones?" in group chats

Feels

  • Lost and anxious on first day
  • Frustrated by lack of signage
  • Overwhelmed by scattered info
  • Relieved when a senior helps

Journey Map — First Week on Campus

Phase Orientation Day First Day of Class Finding Classes Daily Use Events & Social Lost Item / Emergency
Action Walks around campus tour Finds first classroom Navigates between blocks Checks timetable daily Looks for event details Reports lost item / needs help
Emotion 😊 Excited but overwhelmed 😰 Anxious — running late 😣 Frustrated — no signs 😐 Settling into routine 🤔 Curious — where's the event? 😱 Panicked — no idea what to do
Pain Point Too much info thrown at once Can't find the room number Building layout makes no sense Timetable buried in WhatsApp Event info scattered, no reminders No emergency contacts, no lost-and-found
Opportunity Digital campus tour in app Indoor navigation to exact room Floor-by-floor building maps Today's timetable on home screen Event calendar with push notifications Quick-dial emergency + lost-and-found portal
04 / USER FLOW & IA

Mapping the campus experience.

I designed a user flow with three entry points — search a room, browse the campus map, or view today's classes — all converging into indoor turn-by-turn navigation. A secondary flow handles lost-and-found reporting and emergency quick-dial.

User Flow

Open App
↓
Search Room
Browse Map
Today's Classes
↓
Select Destination
↓
Indoor Turn-by-Turn Navigation
↓
Arrive at Room
↓
View Class Info & Faculty

Information Architecture

Home
Quick Search
Today's Classes
Campus Map
Emergency
Navigate
Indoor Maps
Building List
Floor Plans
Search Room
Directory
Faculty List
Departments
Office Hours
Contact
Academics
Timetable
Attendance
Results
Campus
Events
Lost & Found
Notices
05 / WIREFRAMES & HIGH-FI

From low-fi to polished screens.

I started with low-fidelity wireframes to map the core flows — home dashboard, indoor navigation, faculty directory, and lost-and-found. After two rounds of testing, I moved to high-fidelity designs with a clean, student-friendly interface.

Low-Fidelity Wireframes

Home Dashboard
Indoor Navigation
Faculty Directory
Lost & Found

High-Fidelity UI

9:41🔋 100%
Good morning, Aisha 👋
Today's Classes
9:00 AM · Room 204
Data Structures
Prof. Sharma · CS Block
11:00 AM · Lab 3
DBMS Lab
Prof. Iyer · IT Block
2:00 PM · Room 110
Operating Systems
Prof. Nair · Main Block
Navigate to Room 204 →
Home — Today's Classes
9:41🔋 100%
Indoor Navigation
CS Block · Floor 2
→ Room 204
Turn left after stairs
Room 204 · 2 min walk · Floor 2
Floor 1
Floor 2
Floor 3
Start Navigation →
Indoor Navigation
9:41🔋 100%
Faculty Directory
S
Prof. Sharma
Data Structures · CS Dept
I
Prof. Iyer
DBMS · IT Dept
N
Prof. Nair
OS · CS Dept
Contact Faculty →
Faculty Directory
9:41🔋 100%
Lost & Found
Lost
Found
LOST · Black Earphones
Library · 2nd floor · Yesterday
Posted by Aisha · 3h ago
FOUND · Student ID Card
Cafeteria · Today 11 AM
Posted by Vikram · 1h ago
LOST · Notebook
Lab 3 · This morning
Posted by Sneha · 5h ago
Report Item +
Lost & Found
06 / DESIGN SYSTEM

Building blocks of the app.

A clean, accessible design system optimized for quick scanning and one-handed use — the two things students do most on campus.

Typography

Aa
Inter · 800 · Headings
Aa
Inter · 600 · Subheadings
Aa
Inter · 400 · Body
Aa
Inter · 500 · Captions

Color Palette

Primary#2563EB
Secondary#38BDF8
Accent#22C55E
Surface#F8FAFC
Events#F97316
Emergency#EF4444
07 / USABILITY TESTING

Testing with real students.

I tested the prototype with 8 students across two campuses — 4 first-years and 4 seniors. Each was given three tasks: find a specific classroom, look up a faculty member, and report a lost item.

92%
Found their classroom using the app on the first try
1:20
Average time to find a room (down from 15 min wandering)
4.4/5
Average satisfaction score across all tasks
100%
Successfully reported a lost item using the form

Three key iterations came out of testing:

ITERATION 01
Floor selector was buried

Students kept looking for the floor switcher. I moved it to a sticky tab bar directly above the map — visible at all times during navigation.

ITERATION 02
Faculty search needed filters

Students searched by department, not name. I added department filter chips above the search bar so users could narrow results in one tap.

ITERATION 03
Emergency button wasn't obvious

The emergency button was inside a menu. I moved it to a red floating action button on the home screen — always visible, one tap to call.

08 / FINAL DESIGN

What was built.

The final app covers seven core features — each solving a specific pain point identified during research. Together, they replace five WhatsApp groups, three notice boards, and that one senior everyone asks for directions.

🧭
Indoor Navigation

Floor-by-floor maps with turn-by-turn directions to any room on campus.

👨‍🏫
Faculty Directory

Searchable directory with photos, departments, office hours, and contact info.

🎉
Events

Campus event calendar with push notifications for upcoming fests and deadlines.

📅
Timetable

Personalized daily class schedule with room numbers and faculty names on the home screen.

✅
Attendance

Quick attendance tracker with percentage and low-attendance alerts.

🚨
Emergency Contacts

One-tap quick-dial to security, medical, and administration. Always visible on home screen.

📦
Lost & Found

Post lost or found items with location and photo. Searchable, categorized, and tracked.

09 / THE IMPACT

What changed for students.

The app transformed campus navigation from a 15-minute guessing game into a 90-second search. Here's the measurable impact:

85%
Less time spent finding rooms
92%
First-time success rate finding a classroom
68%
Felt safer knowing emergency contacts
4.4/5
Average user satisfaction
15 min → 90 sec to find a room
5 WhatsApp groups replaced
1 tap emergency access
71% reported finding lost items
10 / LEARNINGS

What I took away.

Designing for students taught me that simplicity wins over features. Every lesson below shaped how I approach product design.

01
Indoor navigation ≠ outdoor navigation

Google Maps logic doesn't work indoors. No GPS, no roads, no addresses. I had to design a floor-based, visual navigation system from scratch — using building blocks, floor selectors, and room pins instead of streets.

02
Students need info before directions

Testing showed students first want to know what class they have, where, and with whom — before they need directions. So the home screen leads with today's timetable, not a map. Directions are one tap away, not the default.

03
One app should replace five WhatsApp groups

The biggest UX win wasn't any single feature — it was consolidation. Students were juggling 5+ WhatsApp groups for timetables, events, lost items, and faculty contacts. Bringing it all into one searchable app was the real solution.

04
Accessibility isn't optional on campus

Campuses have visually impaired students, wheelchair users, and people with cognitive differences. Designing for accessibility from day one — not as an afterthought — made the app better for everyone, not just those who need it.

11 / NEXT STEPS

Where Campus Navigator goes next.

This case study covers the core design and prototyping phase. Here's what comes next:

📸
AR Navigation

Live camera overlay with arrows guiding students to rooms — no more reading maps while walking.

🚌
Shuttle Tracking

Live GPS tracking of campus buses with arrival predictions for each stop.

🅿️
Smart Parking

Real-time parking availability for two-wheelers and cars across campus lots.

🎓
Alumni Network

Connect current students with alumni for mentorship, referrals, and career guidance.

THE THING I'D CARRY FORWARD

"The first day of college shouldn't feel like a maze. Good campus UX means a freshman finds their classroom, their faculty, and their lost earphones — all before their first class starts."